<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>前台用户管理</title>
</head>


<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" th:href="@{/layui/css/layui.css}">
<script type="text/javascript" th:src="@{/layui/layui.js}"></script>
<script type="text/javascript" th:src="@{/js/userManage.js}"></script>


<body>
<div style="width: 100%;text-align: center;margin-top: 30px">
    <h1>前台用户管理</h1>
</div>


<div class="site-demo-button" id="layerDemo" style="margin-left: 40px;">
    <table style="margin-left: 50px;margin-bottom: 1%;margin-top: 30px">
        <tr>
            <td><input class="layui-input" type="text" name="name" id="userName" placeholder="用户名"></td>
            <td>&nbsp&nbsp&nbsp&nbsp</td>
            <td>&nbsp&nbsp&nbsp&nbsp</td>
            <td >
                <select id="userStatus" style="width: 100px;height: 37px">
                    <option value=" ">搜索状态</option>
                    <option value="1">启用</option>
                    <option value="2">禁用</option>
                </select>
            </td>
            <td>
                <button style="margin-left: 30px" class="layui-btn" data-type="reload" >查询</button>
            </td>


            <td>&nbsp&nbsp&nbsp&nbsp</td>
            <td>&nbsp&nbsp&nbsp&nbsp</td>
        </tr>
    </table>
</div>
<!--    表格数据，通过js渲染得到显示数据-->
<table class="layui-hide" id="table_user_lists" lay-filter="user"></table>


<script type="text/html" id="userDemo">
    {{# if(d.status=='2'){}}
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="start">启用</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="reset">重置密码</a>
    {{# } else if(d.status=='1'){}}
    <a id="de" class="layui-btn layui-btn-xs" lay-event="forbidden">禁用</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="reset">重置密码</a>
    {{# } else { }}
    {{# } }}
</script>



</body>
</html>